<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<title>vc浏览器</title>
		<link rel="stylesheet" href="css/jquery.fullPage.css">
		<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="css/index.css">
		<style>
			.section {
				text-align: center;
				font: 50px "Microsoft Yahei";
				color: #fff;
			}
		</style>
		<script src="js/jquery-1.8.3.min.js"></script>
		<script src="js/jquery-ui-1.10.3.min.js"></script>
		<script src="js/jquery.fullPage.min.js"></script>
		<script src="js/index_and.js"></script>
	</head>

	<body>
	<div id="content">
		<div class="section">
			<div class="add">
				<div class="section1-logo">
					<div class="fm4">
						<img class="" src="image/fm4.png" />
					</div>

				</div>

				<div class="section-logo-name">
					VC浏览器
				</div>
				<div class="section-slogan">
					<img class="" src="image/fm7.png" />
				</div>
				<button class="section1-download-mob">下载安装</button>
			</div>
			<div class="remove">
				<img src="img/hori.png" />
			</div>

		</div>
		<div class="section">
			<div class="add">
				<div class="section2-title">
					<div class="img">
						<img src="img/3.png" />
					</div>
					<div class="text">
						<p class="title">下拉显示键盘</p>
						<p class="desc">超前便捷的键盘触发设计，一旦上手，再难舍弃。</p>
					</div>
				</div>
				<div class="section2-phone">
					<div class="section2-bg">
						<img src="img/sm5.png" />
					</div>

					<div class="phone-con">
						<img src="img/sm7.png" />
						<div class="phone-hand" style="display: block;">
							<img src="img/sm4.png" />
						</div>
					</div>
					<div class="phone-con-key" style="display: none;">
						<img src="img/sm8.png" />
					</div>
				</div>

				<div class="bottom">
					<div class="left">
						<img src="image/ios/bottom-icon.png" />

					</div>
					<div class="middle">
						VC浏览器
					</div>
					<div class="right">
						<img src="image/ios/bottom-down.png" />
					</div>
				</div>
			</div>
			<div class="remove">
				<img src="img/hori.png" />
			</div>
		</div>
		<div class="section">
			<div class="add">
				<div class="section2-title">
					<div class="img">
						<img src="img/4.png" />
					</div>
					<div class="text">
						<p class="title">随心伸缩按钮</p>
						<p class="desc">轻划即可聚拢按钮</p>
					</div>
				</div>
				<div class="section6-phone">
					<img src="img/tm7.png" />
					<div class="phone-con1">
						<div class="items">
							<div class="item">
								<img src="img/tm4.png" style="max-height: 100%;;" />
							</div>
							<div class="item">
								<img src="img/tm5.png" style="max-height: 100%;" />
							</div>
							<div class="item">
								<img src="img/tm6.png" style="max-height: 100%;" />
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
					<div class="phone-con2">
						<div class="phone-hand1" style="display: block;">
							<img src="img/tm8.png" />
						</div>
					</div>
				</div>
				<div class="bottom">
					<div class="left">
						<img src="image/ios/bottom-icon.png" />

					</div>
					<div class="middle">
						VC浏览器
					</div>
					<div class="right">
						<img src="image/ios/bottom-down.png" />
					</div>
				</div>
			</div>
			<div class="remove">
				<img src="img/hori.png" />
			</div>
		</div>
		<div class="section">
			<div class="add">
				<div class="section2-title">
					<div class="img">
						<img src="img/5.png" />
					</div>
					<div class="text">
						<p class="title">个性化视觉设计</p>
						<p class="desc">每个细节、动画都为你特别设计。上网，也要与众不同。</p>
					</div>
				</div>
				<div class="section3-phone">
					<img src="image/ios/hm5.png" />
				</div>
				<div class="bottom">
					<div class="left">
						<img src="image/ios/bottom-icon.png" />

					</div>
					<div class="middle">
						VC浏览器
					</div>
					<div class="right">
						<img src="image/ios/bottom-down.png" />
					</div>
				</div>
			</div>
			<div class="remove">
				<img src="img/hori.png" />
			</div>
		</div>

		<!--<div class="section">
			<div class="add">
				<div class="section2-title">
					<div class="img">
						<img src="img/1.png" />
					</div>
					<div class="text">
						<p class="title">支持最新内核 </p>
						<p class="desc">首款支持safari最新内核的浏览器，畅享极速体验</p>
					</div>
				</div>
				<div class="section4-phone">
					<img src="img/im2.png" />
				</div>
				<div class="bottom">
					<div class="left">
						<img src="image/ios/bottom-icon.png" />

					</div>
					<div class="middle">
						VC浏览器
					</div>
					<div class="right">
						<img src="image/ios/bottom-down.png" />
					</div>
				</div>
			</div>
			<div class="remove">
				<img src="img/hori.png" />
			</div>
		</div>-->
		<div class="section">
			<div class="add">
				<div class="section2-title">
					<div class="img">
						<img src="img/2.png" />
					</div>
					<div class="text">
						<p class="title">2M大小/3S安装 </p>
						<p class="desc">极速至轻浏览器，内存占用同行最低</p>
					</div>
				</div>
				<div class="section5-phone">
					<img src="img/am2.png" />
				</div>
				<div class="bottom">
					<div class="left">
						<img src="image/ios/bottom-icon.png" />

					</div>
					<div class="middle">
						VC浏览器
					</div>
					<div class="right">
						<img src="image/ios/bottom-down.png" />
					</div>
				</div>
			</div>
			<div class="remove">
				<img src="img/hori.png" />
			</div>
		</div>
	</div>
		
	</body>

</html>